<extend name="zh_cn:Public:base" />
<block name="title">
    <title>美住 - 财务收支</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/ReportPage/common.css?rev=93c8af7edfcfa9b852672c525380fc4ed">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_cn:Public:Include_control_navbar" navbar-menu-statistic="active" />
        <div id="doc-body" class="row">
            <include file="zh_cn:Public:Include_report_menu" doc-side-finance="active" />
            <div id="doc-center">
                <include file="zh_cn:Public:Include_report_header" title="财务收支" />
                <div class="content-panel" id="statisticOverview">
                    <div class="content-panel-header">
                        <div class="content-panel-title">财务总览</div>
                    </div>
                    <div class="content-panel-body content-panel-body-without-padding">
                        <div class="content-panel-help">按收款时间统计，记录您的每一笔收款、押金等，请及时录入订单。</div>
                        <include file="zh_cn:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <div class="row text-sm border-box-horizontal-container">
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">总结余：{$hotelDefaultSymbol}<span class="text-primary typo-display-1"><span data-tag="surplus">0</span></span>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div>收入：{$hotelDefaultSymbol}<span class="text-primary typo-display-1"><span data-tag="income">0</span></span></div>
                                    <div class="detail-desc typo-text-black-light">收款：{$hotelDefaultSymbol}<span data-tag="income-receipt">0</span>，&nbsp;押金：{$hotelDefaultSymbol}<span data-tag="income-deposit">0</span>&nbsp;&nbsp;</div>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div>支出：{$hotelDefaultSymbol}<span class="text-accent typo-display-1"><span data-tag="outcome">0</span></span>
                                    </div>
                                    <div class="detail-desc typo-text-black-light">退款：{$hotelDefaultSymbol}<span data-tag="outcome-refund">0</span>，&nbsp;退押金：{$hotelDefaultSymbol}<span data-tag="outcome-deposit">0</span></div>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div id="surplusChart" class="chart-container"></div>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div id="incomeChart" class="chart-container"></div>
                                </div>
                            </div>
                            <div class="col-xs-4 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div id="outcomeChart" class="chart-container"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-panel" id="orderInfoContaienr">
                    <div class="content-panel-header">
                        <div class="content-panel-title">订单收支明细</div>
                        <div class="content-panel-operation">
                            <a class="btn-link"  href="/Home/Report/exportPay?hotel={$currentHotel}&start={$startDate}&end={$endDate}">导出表格</a>
                        </div>
                    </div>
                    <div class="content-panel-body content-panel-body-vertical-padding">
                        <include file="zh_cn:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <table class="table content-panel-table">
                            <thead>
                                <tr>
                                    <th>日期</th>
                                    <th>操作人</th>
                                    <th>备注信息</th>
                                    <th>订单来源</th>
                                    <th>支付方式</th>
                                    <th>收支类型</th>
                                    <th>金额</th>
                                </tr>
                            </thead>
                            <tbody id="orderInfoTbody">
                            </tbody>
                        </table>
                    </div>
                    <div class="content-panel-footer">
                        <div class="pull-right">
                            <ul class='pagination pagination-sm'></ul>
                        </div>
                        <div class="pull-right content-panel-pagination-info">
                            共有&nbsp;<span class="text-accent content-panel-pagination-count">0</span>&nbsp;条记录
                        </div>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <script type="text/html" id="templateOrderPayRecord">
        <tr>
            <td class="col-xs-1" data-tag="date"></td>
            <td class="col-xs-1">
                <div data-tag="name"></div>
            </td>
            <td class="col-xs-3">
                <div data-tag="remark"></div>
            </td>
            <td class="col-xs-2">
                <div data-tag="from"></div>
            </td>
            <td class="col-xs-2">
                <div data-tag="by"></div>
            </td>
            <td class="col-xs-1" data-tag="type"></td>
            <td class="col-xs-2">
                <div data-tag="total"></div>
            </td>
        </tr>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b0ccaee5f3f00af011a31069395d22ed"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/highcharts/4.2.1/highcharts.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/ReportPage/finance.js?rev=93ea51f9990e8012d6b5bf3f9420252d"></script>
</block>
